<template>
  <p class="title" @click="changeState">{{info.title}} <img v-if="info.title!='基本信息'" :class="{translate:info.show}" :src="arrow"></p>
</template>
<script>
export default {
  props:["info"],
  components:{
  },
  name: "",
  data () {
    return {
      arrow:require('../../../assets/img/arrow.png')
    };
  },
   methods:{
     changeState(){
       this.$emit("changeState")
     }
  },
   created(){
  }
}
</script>
<style scoped>
.title{
  position: relative;
  font-size: 18px;
  width: 100%;
  text-indent: 12px;
  line-height: 60px!important;
  /* margin-bottom: 10px; */
}
.title::before{
  position: absolute;
  content: "";
  background-color: #0066FF;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.translate{
  transform: rotate(180deg);
}
</style>